<!DOCTYPE html>
<html>

<head>
    <meta charset='UTF-8' />
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> -->
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>
    <!-- 	<meta name="apple-mobile-web-app-capable" content="yes" /> -->
    <title><?= $this->data['title']?></title>
    <link rel="stylesheet" href="business/style/common.css?<?=版本?>">
    <meta charset='UTF-8' />
    <script src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="business/resource/js/jquery-1.11.1.min.js"></script>
    <!--<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>--><!--新注释-->
    <script type="text/javascript" src="business/js/underscore.js"></script>
    <script type="text/javascript" src="business/js/pinchzoom.js"></script>
    <script src="business/resource/js/binaryajax.js"></script>
    <script src="business/resource/js/exif.js"></script>
    <script src="business/resource/js/megapix-image.js"></script>
    <script src="business/resource/js/jquery.make-thumb.js"></script>

    <script src="business/resource/js/jquery-form.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="business/resource/js/bootstrap.min.js"></script>
    <script src="app/js/common.js"></script>
    <script src="app/js/common/Web_SDK_Base_v2.4.0.js"></script>
    <script src="app/js/common/Web_SDK_Chatroom_v2.4.0.js"></script>
    <script src="app/js/common/Web_SDK_NIM_v2.4.0.js"></script>
    <script src="app/js/common/emoji.js"></script>
    <!-- 图片放大缩小 -->
    <script type="text/javascript">
        $(function () {
            $('div.pinch-zoom').each(function () {
                new RTP.PinchZoom($(this), {});
            });
        })
    </script>
    <style>
        img{vertical-align: middle;}
    </style>
</head>

<body>

<div class="class_talk_con">
    <!-- header begin-->
    <div class="class_talk_con_header" style="background:#000;">
        <div class="class_talk_con_header_video" style="z-index:1;background:url(business/style/play.png) no-repeat center;background-size:66px;">
            <video controls preload autoplay  height="180px;"  x-webkit-airplay="true" webkit-playsinline="true">
                <source src="<?=$this->data['视频url']?>" type="video/mp4" x-webkit-airplay="true" webkit-playsinline="true">
                您的浏览器不支持video标签
            </video>
        </div>
        <!--默认头部-->
        <div style="color:#fff;background:#D02D4A;font-size:80%;width:100%;height:20px;line-height:20px;text-align:center;">视频建议在WIFI环境下观看</div>
        <div style="background:#fff; box-shadow:1px 1px 1px 1px #EDEDED；-moz-box-shadow: 1px 1px 1px 1px #EDEDED;
    -webkit-box-shadow:1px 1px 1px 1px #EDEDED;color:#D02D4A;font-size:100%;width:100%;height:40px;line-height:40px;text-align:center;">课程互动</div>

        <div class="class_talk_con_header_history" id="view_history_news" style="display: none;"><div>查看历史消息</div></div>
    </div>
    <!-- header end-->

    <div class="class_talk_con_view">
        <!--聊天部分 begin-->
        <div id="chat">
            <div id="big-chat">
                <div class="content myContent" id="message_box" style="padding-bottom:88px; padding-top:310px;"></div>
            </div>
        </div>
        <!--聊天部分 end-->


        <!--文本框发送部分 begin-->
        <div style="display:none;" class="txtsendbg" onclick="closetxtsend1()" id="txtsendbg"></div>
        <div style=" display:none;" class="txtsendcontent" id="txtsendcontent">
            <div class="txt_pos">
                <div class="txt_pos_header">
                    <div class="txt_pos_header_cancel" onclick="closetxtsend()">取消</div>
                    <div class="send-btn" onclick="sendover()">发送</div>
                    <div class="show_emoji" style="float: right;">表情</div>
                </div>
                <div class="txt_pos_input">
                    <!--<div class="txt_post_bg" onclick="document.getElementById('qq').style.display='none'"></div>-->
                    <input type="hidden" name="userid" id="userid" value="" />
                    <input type="hidden" name="username" id="username" value="" />
                    <input type="hidden" name="headpic"id="headpic" value=""/>
                    <input type="hidden" name="群id"  id="群id" value=""/>
                    <!-- <input type="text" name="message" id="message" onfocus="messfacus()" onblur="messblur()"/></div> -->
                    <textarea name="message" cols="" rows="" id="message"  autofocus="autofocus" ></textarea>
                </div>
            </div>
            <div id="emojiTag" style="width: 100%; overflow: auto; display:none; z-index: 9999;position:fixed;top:44px;text-align:center;background:#EEEEEE;"></div>
        </div>

        <!--文本框发送部分 end-->
        <!--图片上传部分 begin-->
        <iframe name="ifr" style="display: none;"></iframe>
        <form  id="formtu" target="ifr" enctype="multipart/form-data" style="display: none" >
            <input type="file" name="pic" id="sendPic"/>
        </form>
        <div id="imgbbig" style="display:none; width:100%; height:100%; position:fixed; left:0; top:0; background-color:#FFF; z-index:9999; ">
            <div class="pinch-zoom" style="position:relative;vertical-align:middle;text-align:center;">
                <img src="business/style/chat001.png" onclick="imgbigclose()" style="margin:auto;padding-bottom:500px;" />
            </div>
            <div class="imgbbigdiv" style="position:absolute;bottom:5px;width:100%;text-align:center;"><img src="business/style/txtnavclose.png" alt="" onclick="imgbigclose()" style="width:40px;height:40px;"></div>
        </div>
        <!--图片上传部分 end-->
        <!--录音部分 begin-->
        <div class="time-bg"><div class="time">60s</div></div>
        <!--录音部分 end-->
        <div class="class_talk_con_footer">
            <table id="class_talk_con_footer_frame">
                <tr>
                    <td class="w44pl"><div class="class_talk_con_footer_icon_image" id="wx_uploadPic"></div></td>
                    <td class="m_show"><div class="class_talk_con_footer_icon_audio" id="display_audio"></div></td>
                    <td class="m_hide" style="display:none; ">
                        <div class="class_talk_con_footer_icon_audio_on"  id="start_record_audio" luyin="0">开始录音</div><!--开始录音-->
                        <div class="class_talk_con_footer_icon_audio_off" style="display:none" id="send_audio">发送</div><!--结束录音-->
                    </td>
                    <td class="w44pr"><div class="class_talk_con_footer_icon_txt" onclick="funtxtsend();"></div><div style="display:none;" class="closeabs"  onClick="chatyl()"></div></td>

                </tr>
            </table>
        </div>
    </div>

</div>
<div id="chat"></div>
</body>
</html>